import React from 'react';
import { connect } from 'dva';
import styles from './Demo.css';
import classnames from 'classnames';
import UsersComponent from '../components/Users/Users';
import MainLayout from '../components/MainLayout/MainLayout';
import {
  Row,
  Col
} from 'antd'
const userss='world'
console.log(`hello ${userss}`)
import { Link } from 'dva/router'
const App = (props) => {
  const cls = classnames({
    btn: true,
    btnLarge: props.type === 'submit',
    btnSmall: props.type === 'edit',
  });
  return <div className={ cls } >111</div>;
}

function Demo({ location }) {
  return (
    <div>
      <MainLayout location={location}></MainLayout>
      <App type='submit'></App>
      <App type='edit'></App>
      <Row className={styles['panel']}>
        <Col span={3}>
          <Link to='/'>网格</Link>
        </Col>
        <Col span={15}>
          <UsersComponent />
        </Col>
        <Col span={3}>
          网格
        </Col>
        <Col span={3}>
          网格
        </Col>
      </Row>
    </div>
  );
}

export default connect()(Demo);
